<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            html,body{
                height: 100%;
            }
            .box{
                width: 350px;
                background: rgb(255, 255, 255);
                margin-bottom: 10px;
                margin: auto;
                border: 1px solid rgb(194, 210, 218);
                padding-bottom: 30px;
            }
            .d1_1{
                width: 300px;
                font-size: 24px;
                font-weight: bold;
                margin: 30px auto 10px auto;
                padding-bottom: 5px;
                border-bottom: 1px solid rgb(163, 163, 226);
            }
            .box div>ul{
                list-style-type: none;
                list-style-position: inside;
                padding: 0px;
            }
            .d1_2{
                color: rgb(124, 124, 124);
                width: 300px;
                margin:  auto;
                border-bottom: 1px dashed rgb(163, 163, 226);
                text-indent: 25px;
                margin: 0px auto 10px auto;
                font-size: 16px;
                padding-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="d1">
                <ul>
                    <li>
                        <div class="d1_1">
                            最新文章/New    Articles
                        </div>
                    </li>
                        <div class="d1_2">
                            北京招聘网页设计,平面设计,php
                        </div>
                    </li>
                    <li>
                        <div class="d1_2">
                            体验JavaScript的魅力
                        </div>
                    </li>
                    <li>
                        <div class="d1_2">
                            jqurey世界来临
                        </div>
                    </li>
                    <li>
                        <div class="d1_2">
                            网页设计师的梦想
                        </div>
                    </li>
                    <li>
                        <div class="d1_2">
                            jquery中的链式编程是什么
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>